HTML 


Illustrated Complete 
Second Edition 


Elizabeth Eisner Reding 4 Sasha Vodnik 


COURSE 
TECHNOLOGY 


THOMSON LEARNING Australia e Canada 9 Mexico Ħ Singapore e Spain * United Kingdom e% United States 


COURSE 
TECHNOLOGY 


um e 


THOMSON LEARNING 


HTML — Illustrated Complete, Second Edition 
Elizabeth Eisner Reding, Sasha Vodnik 


Managing Editor: 
Nicole Jones Pinard 
Product Manager: 
Emily Heberlein 
Editorial Assistant: 
Danielle Roy 


COPYRIGHT © 2001 Course 
Technology, a division of Thomson 
Learning. Thomson Learning™ is a 
trademark used herein under license. 


Printed in the United States of 
America 


123456789 BM 0403 02 01 00 


For more information, contact Course 
Technology, 25 Thomson Place, 
Boston, Massachusetts, 02210. 

Or you can visit us on the World Wide 
Web at www.course.com 


Production Editors: 

Megan Cap-Renzi, Anne Valsangiacomo 
Associate Product Manager: 

Emeline Elliott 

Contributing Author: 

Donald Barker 

Composition House: 

GEX, Inc. 


ALL RIGHTS RESERVED. No part of 
this work covered by the copyright 
hereon may be reproduced or used in 
any form or by any means—graphic, 
electronic, or mechanical, including 
photocopying, recording, taping, Web 
distribution, or information storage 
and retrieval systems—without the 
written permission of the publisher. 


For permission to use material from 
this text or product, contact us by 
Tel (800) 730-2214 

Fax (800) 730-2215 
www.thomsonrights.com 


QA Manuscript Reviewers: 

Ashlee Welz, Andrew Sciarretta, 

Jeff Schwartz 

Text Designer: 

Joseph Lee, Black Fish Design 

Cover Designer: 

Doug Goodman, Doug Goodman Designs 


ISBN 0-619-01880-1 


Disclaimer 

Course Technology reserves the right 
to revise this publication and make 
changes from time to time in its 
content without notice. 


Exciting New Products 


Try out Illustrated's New Product Line: Multimedia Tools 
Multimedia tools teach students how to create text, graphics, video, animations, and sound, all of which can be 
incorporated for use in printed materials, Web pages, CD-ROMs, and multimedia presentations. 


New Titles > Macromedia Director 8 Shockwave Studio— maiustuste 
> Adobe Photoshop 5.5—lllustrated Introductory Illustrated Complete aoe 
(0-7600-6337-0) (0-619-01779-1) > 


> Adobe Illustrator 9.0—Illustrated Introductory” Macromedia Concepts—Ilustrated nen 


Introductory 
(0-619-01750-3) 
> Macromedia Director 8 Shockwave Studio— (0-619-01765-1) 
Illustrated Introductory 
(0-619-01772-4) 


Master Microsoft Office 2000 


Master Microsoft Office 2000 applications with the Illustrated Series. With Microsoft Office 2000—IIlustrated 
Introductory, students will learn the basics of Microsoft Office 2000 Professional Edition. Microsoft Office 2000— 
Illustrated Second Course focuses on the more advanced skills of Office 2000 applications, and it includes coverage of 
all of the software in the Premium Edition. 


Illustrated also offers individual application books on Access, Excel, Word, PowerPoint, and FrontPage 2000. 
Each book covers basic to advanced skills for the application and meets Microsoft Office User Specialist (MOUS) 
certification. Other titles cover Outlook, PhotoDraw, and Publisher. Visit us at www.course.com/illustrated for a 
complete listing of our titles. 


Check Out Computer Concepts and E-Commerce Cancenis 


Computer Concepts—lIllustrated Brief or Introductory, Third Edition, is the quick and visual way to learn cutting- 
edge computer concepts. The third edition has been updated to include advances to the Internet and multimedia, 
changes to the industry, and an introduction to e-commerce and security. 


E-Commerce Concepts—lIllustrated Introductory teaches the basic concepts and language of e-commerce. Designed to 
teach students to explore and evaluate e-commerce technologies, sites, and issues, E-Commerce Concepts is the ideal 
introduction to the quickly developing world of e-commerce. The continually updated Student Online Companion 
allows students to explore relevant sites and articles, ensuring a complete and current learning experience. 


Create Your Ideal Course Package with CourseKits™ 


If one book doesn’t offer all the coverage you need, create a course package that does. 
With Course Technology’s CourseKits—our mix-and-match 
approach to selecting texts—you have the free- a 
dom to combine products from more than one merat O00 Compter Concepts HTML 

series. When you choose any two or more Course Office Edition ea Second Edition _ | 
Technology products for one course, we'll discount oom al | Ak 

the price and package them together so your stu- | | Fa i a, {+ 
dents can pick up one convenient bundle at the \ ; 
bookstore. 


Preface 


62H TML—Illustrated 


Complete, Second Edition. This highly Each 2-page Easy-to-follow introductions to Paintbrush icons 
visual book offers users a comprehensive spread focuses every lesson focus on a single introduce the real- 
ji ji on a single skill concept to help students get the world case study 
hands-on introduction to HTML. In the or concept. point quickly. used throughout 
Second Edition, the first seven units have the book. 


been revised based on customer feedback. 


> Organization and Coverage 

This text contains fourteen units that 

cover basic HTML skills. In these units 

students learn to create HTML docu- - Š à 
ments, format text, add graphics and mul- Creating Links to 
timedia to Web pages, and create online HTML Other Web Pages 


forms Students also learn how to work One defining feature of HTML documents is the ability to move from one Web page|to another 


using links. A link, or hyperlink, is a specially formatted Web page object that the us¢r can click 


7 to open a different Web page, known as the target. The target often is located in the same group 
with tables, control Web page layout, of Web pages, or Web site, as the original document, and the links serve as an easy way for a user 
. aes to find specific information among those pages. However, many Web pages also include links to 
design Web pages, and scripting for pages on other Web sites. For example, when you submit a search to a search engine, the results 


page displays links to other sites that may contain the information you want. Siwa Grace 
z plans to create separate Web pages for Nomad’s two divisions, as well as a page describing the 
Wi company’s history. She adds the links between these pages to the layout she is developing. 


HTML. Five units focus on working with 
cascading style sheets to create dynamic 


1. Click to the right of the </H4> tag, then press [Enter] twice 


text and images, control positioning, and 2. Type <A HREF="construction.htm">sporting gear</A>, then press [Enter] 
The HTML for Grace's link uses the <A>..</A> tag pair, which is short for “anchor.” She 
bind data to a Web page The last unit of also uses the HREF attribute. Attributes are extra settings available in most HTML tags, and 
. allow you to add to or change a tag’s default features. Grace uses the equal sign to set the 
i H value of the HREF attribute equal to the location of the file to open. Because Grace has not 
the book introduces students to the basics yet created the Web document that eventually will be the target for this link, she references a 
: placeholder file called construction.htm. A placeholder is a simple document containing 
of XML. An appendix at the end of the text explaining that the Web page is incomplete. Table A-4 explains a few of the possible tar- 
. p ” à gets for the HREF attribute. 
book includes information about publish- 3. Type <BR>, press [Enter], type <A HREF="construction.htm">adventure travel</A>, 
: : : then press [Enter] 
ing to the Web, increasing Web traffic to 4. Type <BR>, press [Enter], then type <A HREF="construction.htm">about Nomad 
i Ltd</A> 
your sıte, reference tables for HTML tags, Compare your document with Figure A-10. 
color names special characters JavaScript. 5. Save your work, then click the browser program button on the taskbar 
? ? > The browser displays the last version of the document that you opened. It does not reflect 
a in | h t nd more. your most recent changes. 
cascad 8 sty! Sanaa d more 6. Click the Refresh or Reload button 
The browser now displays the most recent version of your document, as shown in Figure A-11. 
. The linked text is underlined and appears in blue. 
>> About this Approach Trouble? 7. Click one of the links 
The ce i age opens in the browser, informi hat the page i el 
What makes the Illustrated approach so 1" te congfructian page e dal page opens in the browser, informing you that the page is not yet 
browser /check to make sure i 2, HA j 
Ae Te, ; H h a lim andi 8. Click the browser's Back button, then click the text editor program button on the 
effective? It’s quite simple. Each concept is mamaaa kbar 


saved in the same location. 


presented on two facing pages, with the 
concepts or step-by step instructions on 


TABLE A-4: Selected values for the <A>..</A> tag pair HREF attribute 


. . value | description 
the left page, and large screen illustrations http://filename opens a file located on a network, such as the Internet 
filename opens a file in the same location as the current file 


on the right. Students can focus on a sin- 


mailto:e-mail address creates a new outgoing message in the default e-mail program, using the given addres 


gle concept without having to turn the 


page. This unique design makes informa- > HTML A-10 CREATING AN HTML DOCUMENT 


tion extremely accessible and easy to 


absorb, and provides a great reference for Hints as well as trouble- Tables provide quickly acces- Clear step-by-step direc- 


after the course is over. This hands-on shooting advice, right sible summaries of key terms, tions explain how to com- 
approach also makes it ideal for either where you need it — next toolbar buttons, or keyboard plete the specific task. 
to the step itself. alternatives connected with What students will type is 
the lesson material. Students in red. 
can refer easily to this infor- 
mation when working on their 
own projects at a later time. 


self-paced or instructor-led classes. 


Every lesson features large-size, Other 


full-color illustrations, bringing the 
Features 


lesson concepts to life. 


The two-page lesson format featured in 
this book provides the student with a pow- 
erful learning experience. Additionally, this 
book contains the following features: 


_ > Real-World Case 


FIGURE A-10: Web page source containing link information 


Sabina The skills used throughout the book are 
<HEAD> -l ‘ tL at 

TITLE Nowa Lta</TILE> designed to be “real-world” in nature and 
keoov> representative of the kinds of activities 


KHI >Nomad Ltd</H1> 


aa ~ ARAN SINAIS MARA NIISE WIEN WINE 

Codes forline ÉR Water: “construction hte">adventure travel</a> Codes for linked text with HTML. With a real-world Case, the 
A AA Kama aana. E process of solving problems will be more 
emmo meaningful to students. 


FIGURE A-11: Web page displaying linked text 


Nomad Ltd 
Outside Looking Out 


sporting gear 


Linked text added — 
using HREF 
attribute 


10 Use 


AY 
@ Creating absolute and relative links 


HTML allows you to format target addresses for links same directory as the current one might read 

in two different ways. An absolute link includes the <A HREF=“justice.htm”>. This link doesn’t contain 
page’s full Web site location and directory informa- URL or subdirectory information, just a filename. 
tion. Absolute links are most useful to reference a spe- Relative links make it easy to reference other pages in 
cific page on a different Web site. Sample absolute link your Web site without needing to type the entire path 
code might read <A HREF=“http://www.course.com/ to each page. In addition, relative links ensure that 


sl/default.htm”>. This code provides the browser link information within your site remains valid even if 
exact instructions of how to reach the page—includ- the pages are moved—which is almost always neces- 
ing the URL, directory, and the Web document name. sary when the pages are finally published to the Web. 
A relative link, on the other hand, includes only Before formatting a link, therefore, it’s important to 


information about the target page’s location relative think about which link format is more appropriate. 
to the current Web page. A link to another page in the 


CREATING AN HTML DOCUMENT HTML A-11 


Clues to Use boxes provide concise information that 
either expands on one component of the major lesson 
skill or describes an independent task that is in some 
way related to the major lesson skill. 


End-of-Unit Material 

Each unit concludes with a Concepts 
Review that tests students’ understanding 
of what they learned in the unit. The 
Concepts Review is followed by a Skills 
Review, which provides students with 
additional hands-on practice of the skills 
they learned in the unit. The Skills Review 
is followed by Independent Challenges, 
which pose case problems for students to 
solve. At least one Independent Challenge 
in each unit asks students to use the 
World Wide Web to solve the problem as 
indicated by a Web Work icon. The Visual 
Workshops that follow the Independent 
Challenges help students develop critical 
thinking skills. Students are shown com- 
pleted Web pages or screens, and are 
asked to find or evaluate them. 


Instructor's Resource Kit 
and Online Resources 


The Instructor’s Resource Kit is Course Technology’s way of putting the resources and 
information needed to teach and learn effectively into your hands. With an integrated array 
of teaching and learning tools that offers you and your students a broad range of technol- 
ogy-based instructional options, we believe this kit represents the highest quality and most 
cutting edge resources available to instructors today. Many of these resources are available 
at www.course.com. The resources available with this book are: 


Project Files Project Files contain the files students will need to complete the lessons and end of unit 
material. The Project Files are available on the Instructor's Resource Kit CD-ROM, the Review Pack, and can 
also be downloaded from www.course.com. 

Solution Files Solution Files contain every file students are asked to create or modify in the lessons 
and end-of-unit material. A Help file on the Instructor's Resource Kit includes information for using the 
Solution Files. 

Figure Files Figure Files contain all the figures from the book in bitmap format. Use the figure files to 
create transparency masters or to enhance a PowerPoint presentation. 

Instructor’s Manual Available as HTML files, the Instructor’s Manual is quality-assurance tested and 
includes unit overviews, detailed lecture topics for each unit with teaching tips, solutions to all lessons and 
end-of-unit material, and extra Independent Challenges. The Instructor's Manual is available on the 
Instructor’s Resource Kit CD-ROM, or you can access it from www.course.com. 

Course Test Manager Designed by Course Technology, this Windows-based testing software helps 
instructors design, administer, and print tests and pre-tests. A full-featured program, Course Test Manager 
also has an online testing component that allows students to take tests at the computer and have their 
exams automatically graded. 

Course Faculty Online Companion 

You can browse this textbook’s password-protected site to obtain the Instructor’s Manual, Project Files, 
Solution Files, and any updates to the text. Contact your Customer Service Representative for the site address 
and password. 

MyCourse.com MyCourse.com is a quick and easy way to put your course online. MyCourse.com is an 
easily customizable online syllabus and course enhancement tool. This tool adds value to your class by 
offering brand new content designed to reinforce what you are already teaching. MyCourse.com even allows 
you to add your own content, hyperlinks, and assignments. For more information, visit our Web site at 
www.course.com/at/distancelearning/#mycourse. 

WebCT WebCT is a tool used to create Web-based educational environments and also uses Web browsers 
as the interface for the course-building environment. The site is hosted on your school campus, allowing 
complete control over the course materials. WebCT has its own internal communication system, offering 
internal e-mail, a Bulletin Board, and a Chat room. Course Technology offers content for this book to help 
you create your WebCT class, such as a suggested Syllabus, Lecture Notes, Practice Test questions, and 
more. For more information, visit our Web site at www.course.com/at/distancelearning/#webct. 
Blackboard Like WebCT, Blackboard is a management tool to help you plan, create, and administer your 
distance learning class, without knowing HTML. Classes are hosted on Blackboard’s or your school’s servers. 
Course Technology offers content for this book to help you create your Blackboard class, such as a sug- 
gested Syllabus, Lecture Notes, Practice Test questions, and more. For more information, visit our Web site 
at www.course.com/at/distancelearning/#blackboard. 


